<html>
<head>
<wicket:head>
	<script>
		$(document).ready(function(){
			$('.dummyInput').click(function(){
				$(this).parent().hide();
				var realComm = $(this).parent().next('.realComm');
				realComm.show();
				var inputBox = realComm.find('.clickActive')[0].focus();
			});
			
			$('.clickActive').blur(function(){
				if($(this).val().trim().length < 1){
					var realNode = $(this).parent().parent();
					realNode.hide();
					realNode.prev('.dummyComm').show();
				}
			});
		});
	</script>
</wicket:head>
</head>
<body>
<wicket:panel>
	<div class="es-sendResponse">
    	<form wicket:id="comment" class="commBox">
    		<div class="dummyComm">
    			<input class="dummyInput" style="width:400px;color:#999999;" type="text" value="Write a comment..."/>
    		</div>
    		<div class="realComm" style="display:none;">
		        <div class="es-responseImg">
		    		<img class="es-small" wicket:id="image" src="dummyImages/loggedInUser.jpg"/>
		    	</div>
		    	<div class="es-respMsgtxt es-text">
		        	<textarea wicket:id="message" class="clickActive" style="width:340px;height:30px;overflow: auto;">
		        		Send a Response.
		        	</textarea>
		        </div>
		        <div style="float:right">
		        	<button type="submit" wicket:id="submit" class="es-button ui-state-default ui-corner-all">Submit</button>
		        </div>
		    </div>
        </form>
	</div>
</wicket:panel>
</body>
</html>